﻿<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" type="text/css" href="creerUnCompte.css">
		
		
		<script type="text/javascript">		
			function submitForm(oubli) {
				if (oubli == 'oubli') {
					document.getElementById('form').setAttribute('action', 'login.php5?w=1');
				}
				document.getElementById('form').submit();
			}
			function changeImage(imgTag) {
				imgTag.setAttribute('src', 'creerMonCompteHover.jpg');
			}
			function restoreImage(imgTag) {
				imgTag.setAttribute('src', 'creerMonCompte.jpg');
			}
		</script>
	
	</head>
	
	<body>
		
		<div id="top">
		
			<div id="lien1">
				<a href="../fonctions/"><img src="transparent.png" width=120 border=0 height=20></a> 
			</div>
			<div id="lien2">
				<a href="../prix/"><img src="transparent.png" width=55 border=0 height=20></a> 
			</div>
			<div id="lien3">
				<a href="../blog/"><img src="transparent.png" width=32 border=0 height=20></a> 
			</div>
			<div id="lien4">
				<a href="../creerUnCompte/"><img src="transparent.png" width=101 border=0 height=20></a> 
			</div>
			<div id="lien5">
				<a href="../login.php5"><img src="transparent.png" width=70 border=0 height=20></a> 
			</div>
			
			<div id="retour">
				<a href="../"><img src="transparent.png" width=200 border=0 height=20></a> 
			</div>
		</div>
		
		<div id="middle">
			<div id="middle1">
			<form action="index.php5" method="post" id="form">
				<span style="font-weight:bold;">E-Mail</span><br/>
				<input id="email" name="email"/>
				<br/>
				<span  id="labelEmail" style="font-size:12px;">Cet E-Mail sera votre identifiant.</span>
				<br/><br/>
				
				<span style="font-weight:bold;">Mot de passe</span><br/>
				<input id="mdp1" name="mdp1" type="password"/>
				<br/>
				<span  id="labelMdp1" style="font-size:12px;">Plus de quatre caractéres.</span>
				<br/><br/>
				
				<span style="font-weight:bold;">Vérification de votre mot de passe</span><br/>
				<input id="mdp2" name="mdp2" type="password"/>
				<br/>
				<span  id="labelMdp2" style="font-size:12px;">&nbsp;</span>
				<br/><br/>
				
				<a href="#" onclick="submitForm('dude')">
					<img src="creerMonCompte.jpg" onmouseover="changeImage(this)" onmouseout="restoreImage(this)" alt="Créer mon compte" border=0/>
				</a>
				
				<br/>
				<span  id="labelCrerCompte" style="font-size:12px;">&nbsp;&nbsp; Votre compte sera actif tout de suite.</span>
				
			</div>
			
			<div id="middle2">
				<b>Complétez votre compte plus tard</b><br/>
				Nous misons sur engagement graduel.<br/><br/>
				<b>Pas de carte de crédit</b><br/>
				Si vous aimez ce que vous voyez, mettez votre compte à niveau.<br/><br/>
				<b>Nous respectons la vie privée</b><br/>
				Vos données personnelles seront gardés secrétes.<br/><br/>
				<b>Qui utilise MaBilio.fr ?</b><br/>
				Tout le monde. Notre public a d'abord été les thésards et chercheurs des universités Toulousaines.<br/><br/>
				<b>J'ai un compte Facebook et/ou Twitter</b><br/>
				Partagez ce que vous trouvez avec vos amis.<br/><br/>
			</div>
			
		</div>
	
	</body>
</html>